Фронтенд стек знань (Сепегаї! - Веасі.|5) 


Рік створення: 2024. 


Автор підбірки: Пір8://Аммлм. Її пкеаїп.сопа/п/аї та рором/ 


Це список питань, які орієнтовані приблизно на 5 годин обговорення, щоб виявити цілісність знань 
Старшого (Зепіог) фронтенд інженера. Це не питання для стандартної співбесіди на півтори години. 
Список питань підібраний на основі практичного досвіду автора та аналізу ринку. Крім того, автор 
орієнтувався на стек знань ЗУУЕВОК (ІЕЕЕ), Зсгит РЗО, ІЗТОВ, низку онлайн тестів (М/З5сПооівз), 
вакансій та публічних співбесід. Список орієнтований на цілісного інженера, який розуміє повний цикл 
розробки програмного продукту. Більшість питань в списку є відкритого типу (ореп-епаеа ацевіїоп5), які 
вимагають розгорнутої відповіді. 


Питання: 


Хто такий Зепіог та Зепіог йгопіепа? (ЕЕЕ, Магкеї) 

Хто такий програмний інженер? (Егіедгісп цидмід Вацег дейпікоп, ТЕЕЕ дейпікоп) 
Хто такий фронтенд інженер? 

Що таке інтерфейс користувача (801)? 

Що таке алгоритм? 

Що таке програма (чи будь-які інструкції є програмою)? (Мікіацє УМігіп аейпійоп ої ргодгат) 
Складність алгоритму? О-нотація. 

Що таке складність програми? 

Що таке сторі пойнти (5іогу роїпі)? 

Що таке архітектура програми (додатку)? (В.Мапіїп, "Сівап агспіїесіиге") 

Що таке програмний продукт? 

Який життєвий цикл продукту (501 С)? 

Як встановлювати версії продукту? (5етуєг.огд) 

Що таке методології розробки продукту (Адіїе, м/аїегіаїї, врігаї)? 

Що таке УМаїетіаі! тоавеі? 

Що таке Зсгит? (всгит.огд) 

Що таке Оаїіу пеєї, ціль та хто на ньому? 

Що таке Зсгит іеат? 

Як визначити КРІ програміста? 

Що таке ХР (ехігетергодгаттіпд.огд)? 

Що таке Оеїїпійоп ої Допе апа Ассеріапсе іе5і8? 

Які методи та правила декомпозиції задачі? (УАСМІ, ОКУ, Тор-домп, ТОО їпіепаїу) 
Що таке ТОД та ВОО? 

Що таке Сії та СІРІом/? 

Які Оії сопуепіїоп85? 

Що таке прт? 

Що таке СІ/СО? (Що таке дванадцяти факторний додаток? Піїр8://12Гасіоглпеї/) 
Що таке соае Іпіег? 

Що таке ргоаийсіїоп риїа? 

Що таке ДосКег? 

Що таке доскКег ітаде, сопіаїіпег, моїішите? 

Що таке НТМІ? 

НТМІ це мова програмування? 

Що таке НТМІ семантика? 

Скільки НІ та Н2 заголовків може бути на одній сторінці? 

Для чого тег «теїа /» ? 

Що таке сопіепіеайаріе? 

Що таке тег «сапуаз/» та М/ерС17? 

Що робить тег «з8сгірі /» та його атрибути аеїег і а5упс? 


Які є типи списків? (ої, ці, аї) 

Що таке С557 

Що таке Сазсадіпд? 

Які є С55 селектори? 

Яка специфічність селекторів? 

Чи можна використовувати цифри та тире в назвах С55 класів? 
Як центрувати блок? (Декілька способів) 

Що таке йехрох? 

Що робить властивість Бох-5ігіпд? 

Які юніти в С557 (еп, гет, ст, рх, рі, 90, мП, ммм). 

Що таке регулярний вираз? 

Чи є в С55 регулярні вирази? 

Що таке С53 функції? (саїс(), гереак(), сіатр()) 

Що таке С55 Медіа Омегіе5? 

Яка різниця між іпрегії та сипепіСоїог в С55? 

Які стани елемента знаєш? (Поуєг, асіїме, Їоси8, дї5аріед, ргез5еа) 
Розкажи про змінні в С55? 

Що таке 5А557 

Що таке у/пдом.давмісеРіхеїВаїо? 

Що таке дизайн токени та магічні числа? (Піїр8.//аїавзіап.Аввідп/оКкеп5/дввідп-іокеп5) 
Що таке ЕСМА зстгірі? 

Що таке Чамабстірі (5)? 

95 однопоточний чи багатопоточний? (Що таке У/ер М/огКег5 АРІ?) 
Що таке зіаїетегпі та ехргезбіоп в 5? 

Які типи даних в 95 ? (їх 8) 

Що таке примітивні та посилальні (геїегепсе) типи? 

Що таке емепі іоор в 5? 

Що таке рготі5е5? 

Що таке Ргоптізе.а!!? 

Що таке контекст (їпі5) в )5? 

Що таке замикання (сіобиге) в 5? 

Що таке прототип об'єкта? 

Що таке чиста (риге) функція? 

Що таке функція конструктор? 

Що таке стрілочна (аггоми) функція й чи може вона бути конструктором? 
Що таке Поїзіїпд? 

Що таке Тетрога! Оеаа Лопе іп ДамаЗстірі? 

Які рушії (епдіпе5) )5 знаєш? (У8, ...) 

Що таке Т57? 

Які відмінності Т5 від 5? (їуріпд, соппріїйпд, епит, їиріе5, іпіегіасе, депегісє, 5ігисіига! їуріпд ехсері 
Шегаї5, десогаїог5). 

Що таке Аз5ептріубсгірі? 

Що таке функціональне програмування? 

Які принципи ООР? 

Що таке 850110? 

Що таке бізнес логіка (Бопаїп-дгіхеп дезідп)? 

Що таке шаблон Декоратор? 

Що таке шаблон 5Зіпдіеїоп (Одинак)? 

Що таке ДОМ та 0ОМСопіепії садед, опіоаа? 

Що таке Еуепі авівдаїоп апа ргорадаїоп? 

Що таке емепі рибріїпд? 

Що таке Веасі? 

Які основні фішки Беасі? ()5Х, Міпиа! ООМ, Нооке, Опе мау дака Біпаїпд) 
Які алгоритми Мігіца! ООМ та гесопсіїаїоп? 

Огляд хуків. Хуки асинхронні? Хуки чисті функції? 

Як працюють хуки під капотом? 

Які антипатерни використання и5зеЕНесі? 

Які антипатерни використання изеСопівехі? 

Який життєвий цикл Веасі компонента? 

Що таке Беасі Ропгіа!? 

Що таке НазНИНоціїпд в Беасі? 

Чому використання тегу ха» в Беасі є неоптимальне? 


Як працювати з 8УС в Беасі? 

Що таке стан (5іаїе) додатку? 

Що таке ЕЇих? 

Що таке Ведих? (зіоге, гедисег, асіїоп) 

Як працює Ведих під капотом? 

Що таке сгеаїеА5упсТПипкК іп Кедих? 

Що таке ВТК Оиегу? 

Які є види рендеренгу? (СЗВ, 550, 55ЗВ) 

Що таке С55-іп-)5? 

Що таке иїййу йг5ї арргоасі в С557 

Що таке клієнт і сервер? 

Що таке НТТР? 

Що таке БВЕЗТ АРІ? 

Що таке СгарпО1? 

Що таке УУерЗоскеї? 

Що таке ТСР/Р? 

Що таке ОВІ? 

Що таке СОВ8? 

Що таке 9МУТ (токен)? 

Як створити Іодіп логіку в Веасі? 

Що таке НТТР Соокіе57 

Що таке 51іогаде АРІ? Яка різниця між ІосаїЗіогаде та 5е55іопЗіогаде? 
Браузер Оем іооі8? Розширення (Регіесі ріхеї) та лайф хаки. 

Що таке З5іогуроок? 

Що таке іпіегіасе дгід (12)? 

Що таке гебропзіуе дезідп? 

Що таке ассезф5ійіїїку? (МУУСАС) 

Що таке паралакс? 

Що таке дгад апа агор? 

Що таке ргодгеззіме еппапсетепі? 

Що таке тег, елемент, компонент та блок у фронтенді? Як вони пов'язані? (|оокК Аїотіс Оебідп апа 
М/ебСотропепівз) 

Що таке чистий код? (Назви змінних, нотація (сатеїСазе, Нипдагіап поїаїоп), показники якості коду) 
Які принципи рефакторингу? Ключове слово аеридодег в 45. 

Які принципи тестування? ("Агі ОЇ Зойм/аге Тезіїпд", ЗЕ4, біепіога ). Муег5) 
Як тестувати ЦІ? (РегіесіРіхе!, ОемТооіє, Зпарзпої іезіїпд) 

Що таке безпека (Х55, СЗВЕ, прт-ацаїї)? 

Що таке ЗЕО? 

Які шляхи покращення Регіогтапсе? (сиї!їпд, деройпсе, їйгоНіе, Іагу Іоадіпд, Міпиа! я8сгоїі, зргіїе5 їог 
ісоп5) 

Що таке Мікрофронтенд? (Моашіе Теаегаїоп) 


Відповіді можна знайти в наступних джерелах 


Книги 


рирзг/ехріогіпеі8.сопа/йтракепі-і5/ 


рирз8:/е|одиепцауаєсгірі.пец/ 
ПНрз///взсгитацідвз.ога/ 


ПНрз://ммлм. сопприїег.огд/едисайоп/боаів8-ої-Ккпом/едаде/8оймаге-епаїпеегіпд/у З 


Сайти 


НТМІ,, С55, 25, Т5 


рирз:/деуеїорег.логШа.огя/ 
рир8г//млм/м/ м/ З5СПООЇ8 СОП/ 


риря:// млмлм/.урезсгірЧапя..оге/ 
рир8:/Ис39.е5/еста262/ 


рир8//иті.5рес.мПаїм/я..ого/ 

рир8:/сапіц5е.сопу/ 

рир8//гоадтар.5в/топіепа 

рирз8://бгадігобі. сот/БІов/ро5/аготіс-угеб-дезіяп/ 


рирз8:/Лайм'іпасяя соти 


мох 


рирз://аЧаз5іап.Чезієп/лоКепз/дезіяп-їоКепя 
рирз8://м'мм/. соПіепіїці сот/Біор/дезієп-гоКеп-зузіети/ 


рирз8:/Лам/50вих сопу/ 


ВБеасі 


рирз://геасі. деу/ 
рирз://гедих-їо0іКії. і5.0ге/ 


рирз8://пехця8.огя/ 


Тезі5 

риря://8Їо5858агу.і514Ь.огр/еп І05/ 
рирз8://чацктаїпе.опіїпе/ 
рирє://геіасіогіпе.риги/тц/дезієп-рацегпя 


рир8:/ріаумтієбі. деу/ 
рир8://ез5іпе-ПЬгагу.соти/ 


Абіїе, 5сгит, ХР 
риря:// мм /м/.5Сгит.ОГе/ 


ригр//ммгуу.ехітетергодгаттіпя.оге/ 
рирз8://аєіетапіївято.оге 50ЛліКИпапіїезіо питі 


Соде з5суЇе, СІЄКЇом/ 


рир8://пміе.сопа/ро5і5/а-5иссез5їці-8ї1-Бгапсріпе-тоапе!/ 
рирє://мм/м.сопуепйопаЇїсопатіїя.оге/еп/м1.0.0/ 


рирз://5еппуег.оге/ 
рирз://в007?Іе. рії. іо/з5суїерцідв/ 


риря8://в-8ст.соті/ 
Пірз://12Гасіоглпеї/ 


5еїї А55ез5тепі (Сопприїег 5сіепсе) 
рир8.//вбїШтиб.сопт/діта-ророу/5еїАз85ез5тепі 
риря:// м/м/м/, погакі-2-іпфогалатукі іпіо/ 
риря8://млиги/. 8ееК5ЇогреекКз.ого/ 


Опіпе гезі5 
риря8:// м'млм/.5сгит.оге/ореп-аз5е55ттепі5/-сгит-ЦдеуеЇорет-ореп 


рирє://мм/м/.м/ З5СПооіз сопі/Яці(ез/ 
рирє://м/м/м/.м/ З5СПооіз сопі/геасі/ 


риря8:// м'мм/. содемгаг5.соті/ 
рирз8:/Лееїсоде.сопу/ 


Опіїпе сошг5е5 


рирз8://ммуум/ аЧету.сопу/ 
рирє://мм/м/ ЦпКкеаїп. согаЛеагпіпя 


Додатково ключові слова та фронтенд технології 


М/еб їгопіепа 50Нм/ге епдіпеег Боду ої кпом/еаде (зКеїсб): 


---50Нумаге епдіпеег: 

Кедиігетепіз (Ассертїапсе їезіз, Деїїпіїіоп ої даопе), 
Есбіпланіоп (Т-5Пігі апа роскег езііпланіоп, 5ї0гу роіпі5), 
Оесотровіїїоп (УАСМІ, ОКУ, Вобкотч-ир, ТОД), 
Сопзігисіїоп (ІДЕ, Сії, дем сопіаїпегз), 

Тезіїпд (ТОР, Мпії тезі5, ЕЕ їе5і5), 

Оеридадіпо (біте кгауеїїпд деридадїпд, поде --іпзресі), 
Маїпіепапсе (А/В Тезіїпд, Іоддіпд, попіїогіпд, СІ/СО), 


ООР (4 ргіпсіріез, 5ОЦІО), 
ЕР (іпатитабіїйу, сиггіпд, риге Типсбіоп5, йгі5-сіав5 Рипсіїоп5), 


Оезідп рабіегпз (Пегаїог, Оесогаїог, 5іпдієїоп, Ргоху, Обзегуег, Ргоїоїуре, Басіогу пеїпоай, СРаїп ої гезроп5ібіїйіез), 
Азупс соде, бгеад5 апа ргосе55ез, Васе сопаїїіоп, 

Сіеап соде (сатеїСаве, РР ргіпсіріе5, 5ОЦО), 

5есигіїу (Х55, С5ВЕ, прип-аийаїї), 

Регіогтапсе (сиїїйпд, дебоипсе, їйгобіе, Іагу Іоадїпад, Мігіиа! 5сгоїї, зргітез ог ісоп5), 


О-поїатїіоп, 


Віпагу 5еагсП, 
А геад-емай-ргіпі Їоор (ВЕРІ), 


Цпих зпПеїї (СІ), 


---Меб: 


НТТР ргоїосої (НТТР 2), 

НТТР зіаїиз соде (10х, 20х, 30х, 40х), 
НТТР тейпоаз (СЕТ, НЕАР, РОЗТ, РАТСН, РОТ, ОЕГЕТЕ, ОРТІОМ5). 
СопіепіТурез (Міте), 

Соокіез, 

СОББ, 

СОМ, 

ВезтАРІ, 

сгарГої, 

дАРС, 

М/ербоскеїз, 

А|ах, ХМІНТТРЕКеадцезі, 

ОКІ, ОБІ, 

Веадарбіебігеат, 

УТ, 


---РЕгопіепа: 


С55 зеесіогя, 

С55 сазсадїпд, 

С55 зресійсіку, 

С55 рзецдо-5еЇесіог5, 

С55 тедіа диегіве5, 

С55 Типсїїоп (саїс, гереаї), 
С55 ипіїз (рх, гегл, рі, сп, мб), 
Еехрох. Стій. 

С55 арргоаспез ((ЛЇйу, ВЕМ, 5МАС55), 
(ЗА55, І е55), 

С955-іп-)5, 5їуеді-сотропепів, 


НТМІ їадб, 

НТМІ зетапіїс5, 

5м0, Мерр, 

РОМ, 

5падом РОМ, 

ООМСопіепії оааєа, опіоадй, 

Емепіз аеіедабіоп, 

Ассеззіріїіку, 

5ЕО, 

Оезідп 5у5іет5 (Матегіа! ОЇ, Таїїміпа ОЇ), 
ЧІ/ОУХ (Соїіог сігсіе, ОгадАпаОгор, Мага, Оссап'з гагог, Іпіогтабіоп агспікескиге, Міїег'5 Цаму, Тезієег Іаму, рагаїіах, М/УЗІМУУС), 
Еідта, 


Вгомузег Оем їо0і5, 
ВОМ, 
М/ебСотропепі5, 
Тітегз, 

Оем бодіз, 
М/ермМ/огКегз, 
М/азп апа азті.)5, 
м/ебоі, 

м/ебЕТС, 

Зегуісе м/огКег5, 
РМУА (Ванкегу АРІ, ВіцеїооїП АРІ), 
5гогаде АРІ, 
Іпдехеад Ов, 


5, 

Магіабіе, 

Сіозиге, 

5соре, 

"біз" (сопіехі), 

Ноізіїпд, 

Еіг5є-сіаз5 сікідеп5, 

Оаїа їурез (7 ргіпікіез апа об)іесі), 
Туре сотрагізоп, 5Паї|оми 81 деер, 
Таізу маіцеб, 

ООР іп 25 

Емепі Їоор, 

азупс/амиаїі, 


т5, 

Іпіегіасез, 

5ігискига! (81 потіпаї) гуріпд, 
Епит, 

Сепегісб, 

Оесогаїогз, 

а55егів (їуре диагаз), 


Веасі Поок5, 
15Х, 


Мігіма! РОМ, 

5егуег сотропепіз, 

СПепі Коціїпд (Веасі Воитег), 
Ведих, Них, Зате, 

Рогіаї, 

ВеасіРОЕ, 

Еогтік, 

204.5, 


5ЗРА, МУС, 

590, 

595К (5егуег 5іде гепаєгіпд), 

Со, 

Місгойгопіепа (тоаціе їеаегабіоп), 
Васкепа-Їог-вопіепа, 


СУС 

ОДосКег, 

Мопо герозіогу, 
.іїкідпоге, 

55Н, 

Е5Ц пі, 

Магаде гедцезіз, 
раскаде.)зоп, 
раскаде-іІоск.)зоп, 
еп, 


5сгипт 

Адіїе плапіїезіо, 
Лга, 

Убег 5ї0гу, 
Васкіод, 

5ргіпі, 

Теапл уеЇосіїу, 


Васкепа: 
501, Мо5ОЇ (Мопдо), ОАМ, ТСР/Р, ОМ5, НТТР5, ІДАР, ОАціН 2, Місговбегмісез, Кеаїз, Каїка, 5умаддег Ореп АРІ, МЕАМ, МЕВМ, 


|ГАМР, СВОМ. 


